<!DOCTYPE html>
<html lang="zh-cmn-Hans"
      xmlns:th="http://www.thymeleaf.org" th:with="title= '功能详情'">
<head th:replace="common/head :: common_header(~{::link},~{::script})">
    <link type="text/css" rel="stylesheet" th:href="@{/web/user/explain.css}"/>
    <script type="text/javascript" th:src="@{/web/user/explain.js}"></script>
</head>
<body>
<div>
    <div class="search-bar">
        <div class="search-content">
            <div class="search-content" style="margin-left: 10px;margin-right: 10px;overflow: auto;">
                <div class="searchT-title" style="text-align: center">基本信息</div>
                <table width="100%" class="search" style="">
                    <tr>
                        <td width="10%" style="text-align: center">功能名称：</td>
                        <td width="90%"><input type="text" id="gnmc" name="gnmc" class="form-control"
                                               readonly="readonly"
                                               th:value="${gnmc}"/></td>
                    </tr>
                    <tr>
                        <td width="10%" style="text-align: center">服务厂商：</td>
                        <td width="90%"><input type="text" id="yymc" name="yymc" class="form-control"
                                               readonly="readonly"
                                               th:value="${yymc}"/></td>
                    </tr>
                    <tr>
                        <td width="10%" style="text-align: center">功能描述：</td>
                        <td width="90%">
                            <div class="form-control" style="height: 100%;" readonly="readonly"><p
                                    th:utext="${gnms}"></p></div>
                        </td>
                    </tr>
                    <tr>
                        <td width="10%" style="text-align: center">需求说明：</td>
                        <td width="90%">
                            <div class="form-control" style="height: 100%;" readonly="readonly"><p
                                    th:utext="${xqsm}"></p></div>
                        </td>
                    </tr>
                    <tr>
                        <td width="10%" style="text-align: center">技术说明：</td>
                        <td width="90%">
                            <div class="form-control" style="height: 100%;" readonly="readonly"><p
                                    th:utext="${jssm}"></p></div>
                        </td>
                    </tr>
                </table>
            </div>
            <br/>
            <div th:if="null!=${xqList}" class="search-content"
                 style="margin-left: 10px;margin-right: 10px;overflow: auto;min-height: 0px;">
                <div class="searchT-title" style="text-align: center">需求说明附件</div>
                <table width="100%" class="public-input-table table-center">
                    <tr>
                        <td width="10%" style="text-align: center">序号</td>
                        <td width="80%" style="text-align: center">附件名称</td>
                        <td width="10%" style="text-align: center">操作</td>
                    </tr>
                    <tr th:each="data,dataStat : ${xqList}">
                        <td th:text="${dataStat.index+1}" width="10%" style="text-align: center"></td>
                        <td th:text="${data.mc}" width="80%" style="text-align: center"></td>
                        <td width="10%" style="text-align: center">
                            <button class="button-sm button-primary" type="button"
                                    th:onclick="'javascript:downloadFj(\''+${data.lj}+'\',\''+${data.mc}+'\');'">
                                <i class="fa fa-download"></i>下载
                            </button>
                        </td>
                    </tr>
                </table>
            </div>
            <br/>
            <div th:if="null!=${jsList}" class="search-content"
                 style="margin-left: 10px;margin-right: 10px;overflow: auto;min-height: 0px;">
                <div class="searchT-title" style="text-align: center">技术说明附件</div>
                <table width="100%" class="public-input-table table-center">
                    <tr>
                        <td width="10%" style="text-align: center">序号</td>
                        <td width="80%" style="text-align: center">附件名称</td>
                        <td width="10%" style="text-align: center">操作</td>
                    </tr>
                    <tr th:each="data,dataStat : ${jsList}">
                        <td th:text="${dataStat.index+1}" width="10%" style="text-align: center"></td>
                        <td th:text="${data.mc}" width="80%" style="text-align: center"></td>
                        <td width="10%" style="text-align: center">
                            <button class="button-sm button-primary" type="button"
                                    th:onclick="'javascript:downloadFj(\''+${data.lj}+'\',\''+${data.mc}+'\');'">
                                <i class="fa fa-download"></i>下载
                            </button>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</div>
</body>
</html>